---
title: 前端开发框架技术与应用
description: Get started building your docs site with Starlight.
template: splash
hero:
  title: |
    欢迎来到前端<br/>  
    <span
      class="font-black text-transparent text-7xl
        bg-clip-text bg-gradient-to-b
        from-accent-700 to-accent-400
        dark:from-accent-500 dark:to-accent-200"
    >
      开发框架技术与应用
    
  tagline: 课堂
  image:
    file: ../../assets/houston.webp
  actions:
    - text: 浏览教学资料
      link: /guides/overall/
      icon: right-arrow
      variant: primary
    - text: 查看代码仓库
      link: https://gitee.com/henryong/soft-arch-class
      icon: external
---

import { Card, CardGrid, Tabs, TabItem } from '@astrojs/starlight/components';

## 网站参考
<Tabs>
<TabItem label="Run">
  ```sh
  npm run dev
  ```
</TabItem>
</Tabs>
<CardGrid stagger>
	<Card title="MyBatis官网" icon="pencil"> 
		查看 [MyBatis官网](https://blog.mybatis.org/)；[Github](https://github.com/mybatis)
	</Card>
	<Card title="Spring官网" icon="add-document">
		[Spring官网](https://spring.io/): Spring框架，Spring Boot...
	</Card>
	<Card title="架构师之路" icon="setting">
		[架构师之路](https://learn.lianglianglee.com/%e4%b8%93%e6%a0%8f/%e4%bb%8e%200%20%e5%bc%80%e5%a7%8b%e5%ad%a6%e6%9e%b6%e6%9e%84/00%20%e5%bc%80%e7%af%87%e8%af%8d%20%e7%85%a7%e7%9d%80%e5%81%9a%ef%bc%8c%e4%bd%a0%e4%b9%9f%e8%83%bd%e6%88%90%e4%b8%ba%e6%9e%b6%e6%9e%84%e5%b8%88%ef%bc%81.md)
	</Card>
	<Card title="StarLight文档" icon="open-book">
		Learn more in [the Starlight Docs](https://starlight.astro.build/).
	</Card>
</CardGrid>
